button{
  cursor: pointer;
}
button,textarea{
  border: 1px solid transparent; 
  outline: none;    
}
button::after,textarea::after{
  border:none;
}

.none{
  display: none;
}

.fl_right{
  float: right;
}
.fl_left{
  float: left;
}
.green{
  color: #3bcd86 !important;
}

/* 评论开始 */
.talk{
  width: 666px;
  overflow: hidden;
  padding-top: 30px;
  margin: 0 auto;
}
.talk_box{
  height: 225px;
  border-radius: 7px;
  background: #f9f9f9;
  overflow: hidden;
  padding: 20px;
}
.talk_box_s{
  margin-left: 54px;
  background: none;
  padding: 0;
}

.talk_tit{
  width: 50px;
  line-height: 18px;
  height: 18px;
  font-size: 18px;
  color: #555555;
  margin-bottom: 20px;
  border-left: 2px solid #3bcd86;
  padding-left: 12px;
}
.talk_box textarea{
  width: calc(100% - 32px);
  height: 96px;
  background: #fff;
  border: none;
  resize: none;
  padding:8px 16px;
}
.talk_box_s.talk_box textarea{
  border: 2px solid #ececec;
  border-radius: 10px;
  width: calc(100% - 36px);
}
.talk_box button{
  width: 96px;
  height: 32px;
  line-height: 30px;
  border-radius: 5px;
  color: #3bcd86;
  border:1px solid #3bcd86;
  background: #fff;
  float: right;
  margin-top: 16px;
}
.talk_box button.cancelbtn{
  border:none;
  color: #555555;
  background: none;
  font-size: 18px;
}

/* 评论头部 */
.talk_content{
  padding-bottom: 24px;
  font-size: 14px;
  color: #555555;
}
.comment{
  width: 100%;
  overflow: hidden;
  margin-top:24px;
  border-bottom:1px solid #ececec;
}
.comment_people{
  padding-bottom: 5px;
}
.comment_people_info{
  width: 100%;
  overflow: hidden;
  line-height: 38px;
}
.comment_people_info span, .comment_people_info img{
  display: inline-block;
}
.one_reply img{
  width: 38px;
  height: 38px;
  border-radius: 19px;
}
.comment_people_info .date{

  color: #999;
}
.reply_btn{
  float: right;
  padding-left: 24px;
  cursor: pointer;
  margin-left: 24px;
  background: url('./reply_icon.png') 0 12px no-repeat;
}
.reply_btn_cont{
  background: none;
}

span.first_reply{
  margin: 0 50px 0 16px;
  color: #3bcd86;
}
span.first_reply span{
  display: inline-block;
}
span.first_reply .first_reply_text{
  color: #555555;
  padding: 0 8px;
}
.comment_people_content{
  line-height: 38px;
  padding-left: 54px;
  overflow: hidden;
  margin-bottom: 5px;

}
/* 回复区域 */
.commentallreply{
  padding: 0;
  background: #fafafa;
  font-size: 12px;
  color: #666;
  margin-left: 70px;
}
.comment_reply{
  overflow: hidden;
  padding:0 22px;
  background: #f9f9f9;
  border-radius:10px;
  margin-left: 54px;

}
.one_reply{
  border-bottom: 1px solid #ececec;
  padding: 5px 0;
  /* padding-left: 90px; */
}
.one_reply_noborder{
  border: none;
}
.comment_more{
  border-top: 1px solid #ececec;
  line-height: 42px;
  text-align: center;
  font-size: 14px;
  color: #999;
}

.ds_content .see{
  cursor: pointer;
  display:inline-block;
  padding-left: 10px;
  float: right;
}
 
/* 头像动画 */
.ds-avatar img{   
  width:54px;height:54px; /*设置图像的长和宽，这里要根据自己的评论框情况更改*/  
  border-radius: 27px;/*设置图像圆角效果,在这里我直接设置了超过width/2的像素，即为圆形了*/  
  -webkit-border-radius: 27px;/*圆角效果：兼容webkit浏览器*/  
  -moz-border-radius:27px;   
  box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/  
  -webkit-box-shadow: inset 0 -1px 0 #3333sf;   
  -webkit-transition: 0.4s;      
  -webkit-transition: -webkit-transform 0.4s ease-out;   
  transition: transform 0.4s ease-out;/*变化时间设置为0.4秒(变化动作即为下面的图像旋转360读）*/  
  -moz-transition: -moz-transform 0.4s ease-out;   
}    
.ds-avatar img:hover{/*设置鼠标悬浮在头像时的CSS样式*/  
  box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
  -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
  transform: rotateZ(360deg);/*图像旋转360度*/  
  -webkit-transform: rotateZ(360deg);   
  -moz-transform: rotateZ(360deg);   
}
/* 头像动画end */  

img.emoji_icon {
  width: 30px !important;
  height: 30px !important;
}
.comments-list li{
  padding: 5px 0px !important;
  border-bottom: 1px solid #EFEFEF;
}
span.username {
  font-weight: 500;
}

span.first_reply_aa {
  color:#3bc9db !important;
  font-weight: 600;
}

span.username {
  font-weight: 600;
}

.comment_people_content:hover {
  background:#f5f5f5;
}

.first_reply.fl_left {
  padding-left: 15px;
}
.first_reply.fl_left   a {
  display: inline !important;
  padding: 0px !important;
  margin-left: 0px !important;
}

.ds_content .floor{
  display: inline-block;
  padding-left: 20px;
  float: right;
  padding-right: 30px;
}
